s<template>
	<Tabs value="name1">
        <TabPane label="拓展" name="name1">
        	<Row class="expand-row">
	            <Col span="8">
	                <span class="expand-key">标题：</span>
	                <span class="expand-value">{{ row.job }}</span>
	            </Col>
	            <Col span="8">
	                <span class="expand-key">标题：</span>
	                <span class="expand-value">{{ row.interest }}</span>
	            </Col>
	            <Col span="8">
	                <span class="expand-key">标题：</span>
	                <span class="expand-value">{{ row.birthday }}</span>
	            </Col>
	        </Row>
        </TabPane>
        <TabPane label="交易信息" name="name2">
        	<Row class="expand-row">
	            <Col span="8">
	                <span class="expand-key">交易时间：</span>
	                <span class="expand-value">{{ row.job }}</span>
	            </Col>
	            <Col span="8">
	                <span class="expand-key">交易金额：</span>
	                <span class="expand-value">{{ row.interest }}</span>
	            </Col>
	        </Row>
	        <Row class="expand-row">
	            <Col span="8">
	                <span class="expand-key">置业顾问：</span>
	                <span class="expand-value">{{ row.birthday }}</span>
	            </Col>
	            <Col span="8">
	                <span class="expand-key">成匀项目：</span>
	                <span class="expand-value">{{ row.birthday }}</span>
	            </Col>
	        </Row>
	        <Row class="expand-row">
	            <Col span="8">
	                <span class="expand-key">成交房号：</span>
	                <span class="expand-value">{{ row.job }}</span>
	            </Col>
	        </Row>
        </TabPane>
    </Tabs>
</template>

<script>
	export default {
        props: {
            row: Object
        }
    };
</script>

<style>
	 .expand-row{
        margin-bottom: 16px;
    }
</style>